<#import "../../layout.html" as c>
<#import "../../list_layout.html" as list>
<#assign alertList = []/>
<#assign alertList = alertList + ["会员消息模板，主要用于需要操作或有必要通知的会员信息。"]/>
<#assign alertList = alertList + ["消息可以以三种形式发送，站内信、短信、邮箱。站内信、短信、邮箱为可选择发送选项，管理员可以自由设定"]/>
<#assign alertList = alertList + ["在编辑消息模板时不能添加新的变量函数，但可以修改变量函数的位置。"]/>
<@c.html title="Index">
    <@list.html title="消息模板" subTitle="消息模板对应新增及编辑" alertList=alertList permi="sys:notice:save" addBtn=true searchHint="请输入模板名称作为关键词进行搜索">
    </@list.html>

    <!-- ================== 开始页面所需CSS引入 ================== -->
    <!-- 富文本编辑器 -->
    <link type="text/css" rel="stylesheet" href="${pluginsRoot}ueditor/themes/default/css/ueditor.css">
    <link type="text/css" rel="stylesheet" href="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/skin/WdatePicker.css" />
    <link type="text/css" rel="stylesheet" href="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/skin/default/datepicker.css" />
    <!-- ================== 开始页面所需CSS引入 ================== -->


    <!-- 开始新增消息模态窗口 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title"> 新增消息模板 <a class="btn btn-info btn-xs m-l-10" role="button" data-toggle="collapse" href="#OperationTipsNotice1" aria-expanded="false" title="操作提示"> <i class="fa fa-exclamation"></i> &nbsp;提示 </a> </h4>
                </div>
                <div class="modal-body">
                    <!-- 开始操作提示 -->
                    <ul class="collapse in text-info m-b-20 p-l-15" role="tabpanel" id="OperationTipsNotice1">
                        <li class="m-b-10">模板编号不能与已有模板重复。</li>
                    </ul>
                    <!-- 结束操作提示 -->
                    <!-- 开始系统消息设置模块 -->
                    <form action="${adminRoot}/notice/json/add" id="addFormNotice" method="post" autocomplete="off" data-parsley-validate="true">
                        <input type="hidden" class="id" name="id">
                        <input type="hidden" class="type" name="type">
                        <div class="form-group">
                            <label class="control-label"> 模板标识 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <input type="text" name="nid" class="form-control" autocomplete="off" placeholder="请输入模板标识" data-tip="tooltip" data-placement="auto"
                                   data-original-title="必填选项，可使用英文、数字，内容长度控制在2-30个字符。"
                                   data-parsley-required="true"
                                   data-parsley-length="[2, 30]">
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 模板名称 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <input type="text" name="name"  class="form-control" autocomplete="off" placeholder="请输入模板名称" data-tip="tooltip" data-placement="auto"
                                   data-original-title="必填选项，可使用中文、英文、数字，内容长度控制在2-30个字符。"
                                   data-parsley-required="true"
                                   data-parsley-length="[2, 30]"/>
                        </div>
                    </form>
                    <!-- 结束系统消息设置模块--> </div>
                <div class="modal-footer"> <a href="javascript:;" class="btn btn-white" data-dismiss="modal">放弃操作</a> <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..." nc-ajax-submit-target="addFormNotice" nc-ajax-submit>确认提交</a> </div>
            </div>
        </div>
    </div>
    <!-- 结束新增消息模态窗口 -->

    <!-- 开始编辑站内信消息模态窗口 -->
    <div class="modal fade" id="editModalLetter" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title"> 编辑消息模板 <a class="btn btn-info btn-xs m-l-10" role="button" data-toggle="collapse" href="#OperationTipsNotice2" aria-expanded="false" title="操作提示"> <i class="fa fa-exclamation"></i> &nbsp;提示 </a> </h4>
                </div>
                <div class="modal-body">
                    <!-- 开始操作提示 -->
                    <ul class="collapse in text-info m-b-20 p-l-15" role="tabpanel" id="OperationTipsNotice2">
                        <li class="m-b-10">插入的变量必需包括花括号“{}”，当应用范围不支持该变量时，该变量将不会在前台显示(变量后边的分隔符也不会显示)，留空为系统默认设置。</li>
                        <li class="m-b-10">变量函数说明：站点名称 {$siteName} | 时间点 {$time} | 验证码 {$code}</li>
                    </ul>
                    <!-- 结束操作提示 -->
                    <!-- 开始系统消息设置模块 -->
                    <form action="${adminRoot}/notice/json/edit" id="editFormNotice" method="post" autocomplete="off" data-parsley-validate="true">
                        <input type="hidden" class="id" name="id">
                        <input type="hidden" class="type" name="type">
                        <div class="form-group">
                            <label class="control-label"> 模板标识 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                                <input type="text" name="nid" id="nid" class="form-control noticeNid"  value="" readonly>
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 模板名称 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                                <input type="text" name="name" id="name" class="form-control noticeName" readonly />
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 是否发送站内信  &nbsp;: </label>
                            <div>
                                <input type="checkbox" id="letterState" autocomplete="off"
                                       data-input-name="letterState"
                                       data-size="small"
                                       data-on-color="primary"
                                       data-on-text="是"
                                       data-off-text="否"
                                       data-input-true="1"
                                       data-input-false="0" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 模板内容 <i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                                <textarea name="letterContent" id="letterContent" class="form-control"
                                      data-parsley-required="true"
                                      placeholder="" rows="5"></textarea>
                        </div>
                    </form>
                    <!-- 结束系统消息设置模块--> </div>
                <div class="modal-footer"> <a href="javascript:;" class="btn btn-white" data-dismiss="modal">放弃操作</a> <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..." nc-ajax-submit-target="editFormNotice" nc-ajax-submit>确认提交</a> </div>
            </div>
        </div>
    </div>
    <!-- 结束编辑站内信消息模态窗口 -->

    <!-- 开始编辑短信消息模态窗口 -->
    <div class="modal fade" id="editModalSms" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title"> 编辑消息模板 <a class="btn btn-info btn-xs m-l-10" role="button" data-toggle="collapse" href="#OperationTips" aria-expanded="false" title="操作提示"> <i class="fa fa-exclamation"></i> &nbsp;提示 </a> </h4>
                </div>
                <div class="modal-body">
                    <!-- 开始操作提示 -->
                    <ul class="collapse in text-info p-b-10 p-l-15" role="tabpanel" id="OperationTips">
                        <li class="m-b-10">插入的变量必需包括花括号“{}”，当应用范围不支持该变量时，该变量将不会在前台显示(变量后边的分隔符也不会显示)，留空为系统默认设置。</li>
                        <li class="m-b-10">变量函数说明：站点名称 {$siteName} | 时间点 {$time} | 验证码 {$code}</li>
                    </ul>
                    <!-- 结束操作提示 -->
                    <!-- 开始系统消息设置模块 -->
                    <form action="${adminRoot}notice/json/edit" id="editFormSms" method="post" autocomplete="off" data-parsley-validate="true">
                        <input type="hidden" class="id" name="id">
                        <input type="hidden" class="type" name="type">
                        <div class="form-group">
                            <label class="control-label"> 模板标识 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <input type="text" name="nid" class="form-control noticeNid"  value="" readonly>
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 模板名称 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <input type="text" name="name" class="form-control noticeName" readonly />
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 是否发送短信  &nbsp;: </label>
                            <div>
                                <input type="checkbox" id="smsState" autocomplete="off"
                                       data-input-name="smsState"
                                       data-size="small"
                                       data-on-color="primary"
                                       data-on-text="是"
                                       data-off-text="否"
                                       data-input-true="1"
                                       data-input-false="0" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label"> 短信模板内容 <i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                            <textarea name="smsContent" id="smsContent" class="form-control"
                                      data-parsley-required="true"
                                      placeholder="" rows="5"></textarea>
                        </div>
                    </form>
                    <!-- 结束系统消息设置模块--> </div>
                <div class="modal-footer"> <a href="javascript:;" class="btn btn-white" data-dismiss="modal">放弃操作</a> <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..." nc-ajax-submit-target="editFormSms" nc-ajax-submit>确认提交</a> </div>
            </div>
        </div>
    </div>
    <!-- 结束编辑短信消息模态窗口 -->

    <!-- 开始编辑邮件系统消息模态窗口 -->
    <div class="modal fade" id="editModalEmail" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title"> 编辑消息模板 <a class="btn btn-info btn-xs m-l-10" role="button" data-toggle="collapse" href="#OperationTipsEmail" aria-expanded="false" title="操作提示"> <i class="fa fa-question-circle"></i> &nbsp;提示 </a> </h4>
                </div>
                <div class="modal-body">
                    <!-- 开始操作提示 -->
                    <ul class="text-info p-b-15 p-l-15 collapse" role="tabpanel" id="OperationTipsEmail">
                        <li class="m-b-3">插入的变量必需包括花括号“{}”，当应用范围不支持该变量时，该变量将不会在前台显示(变量后边的分隔符也不会显示)，留空为系统默认设置。</li>
                        <li class="m-b-10">变量函数说明：站点名称 {$siteName} | 时间点 {$time} | 验证码 {$code}</li>
                    </ul>
                    <!-- 结束操作提示 -->
                    <!-- 开始系统消息设置模块 -->
                    <form class="form-horizontal form-bordered p-0" action="${adminRoot}notice/json/edit" id="editFormEmail" method="post" autocomplete="off" data-parsley-validate="true">
                        <input type="hidden" class="id" name="id">
                        <input type="hidden" class="type" name="type">
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-3"> 模板标识 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <div class="col-md-9 col-sm-8">
                                <input type="text" name="nid" class="form-control noticeNid"  value="" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-3"> 模板名称 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <div class="col-md-9 col-sm-8">
                                <input type="text" name="name" class="form-control noticeName" readonly />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-3"> 是否发送邮件 &nbsp;: </label>
                            <div class="col-md-9 col-sm-8">
                                <input type="checkbox" id="emailState" autocomplete="off"
                                       data-input-name="emailState"
                                       data-size="small"
                                       data-on-color="primary"
                                       data-on-text="是"
                                       data-off-text="否"
                                       data-input-true="1"
                                       data-input-false="0" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-3"> 邮件模板标题 <i class="f-s-14 text-danger">*</i> &nbsp;: </label>
                            <div class="col-md-9 col-sm-8">
                                <input type="text" autocomplete="off" name="emailTitle" id="emailTitle" class="form-control" data-tip="tooltip" data-placement="auto" data-original-title="必填项，请填写邮件标题。"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-3"> 邮件模板内容 <i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                            <div class="col-md-9 col-sm-8"><script id="contentEdit" style="width: 100%; height: 200px;"></script></div>
                        </div>
                    </form>
                    <!-- 结束系统消息设置模块--> </div>
                <div class="modal-footer"> <a href="javascript:;" class="btn btn-white" data-dismiss="modal">放弃操作</a> <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..." nc-ajax-submit-target="editFormEmail" nc-ajax-submit>确认提交</a> </div>
            </div>
        </div>
    </div>
    <!-- 结束编辑邮件系统消息模态窗口 -->


    <!-- ================== 开始页面级JavaScrip调用 ================== -->
    <!-- 表单checkbox项 -->
    <!-- 富文本编辑器 -->
    <script src="${pluginsRoot}ueditor/ueditor.config.js"></script>
    <script src="${pluginsRoot}ueditor/ueditor.all.js"></script>
    <script src="${pluginsRoot}ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="${pluginsRoot}bootstrap-switch/bootstrap-switch.min.js"></script>
    <script src="${jsRoot}setting/notice.handle.js"></script>
    <!-- ================== 结束页面级JavaScrip调用 ================== -->
</@c.html>